<template>
    <div class="basicLine">Demo Chart</div>
</template>

<script>
    import chartMixins from '../mixins/chart';

    export default {
        name: "DemoChart",

        mixins: [chartMixins],

        props: {
            theme: [String, Object],
            initOptions: Object,
            group: String,
            autoResize: Boolean, // 自动调整
            watchShallow: Boolean,
            manualUpdate: Boolean // 手动更新
        },

        data(){
            return {
                options:  {
                    xAxis: {
                        type: 'category',
                        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
                    },
                    yAxis: {
                        type: 'value'
                    },
                    series: [{
                        data: [820, 932, 901, 934, 1290, 1330, 1320],
                        type: 'line'
                    }]
                }
            };
        }
    }
</script>

<style scoped lang="scss">
    .basicLine{
        width: 600px;
        height: 400px;
    }
</style>
